// 设置定时开关机
import React from 'react';
import { View, Text, Image, TouchableOpacity } from 'react-native';
import { TitleBar } from 'miot/ui';
import pxSize from '../util/pxSize';
import styles from '../styles/timeSetStyl';

export default class TimeSetPage extends React.Component {

  constructor(props) {
    super(props);

    this.state = {

    };
  }

  render() {
    return (
      <View style={styles.container}>
        <TitleBar
          type="dark"
          title="定时"
          style={{ height: pxSize(65), backgroundColor: "#F7F7F7" }}
          onPressLeft={() => { this.props.navigation.goBack(); }}
          showDot={this.state.showDot}
        />
        <View style={styles.time_style}>
          <View style={styles.time_top}>
            <Image resizeMode="contain" source={require('../../resources/images/list_icon_timing1.png')}></Image>
            <Text style={{ fontSize: pxSize(15), color: "#B5B5B5", marginTop: pxSize(20) }}>还未添加定时</Text>
          </View>
          <View style={styles.time_buttom}>
            <TouchableOpacity onPress={() => { this.props.navigation.navigate('TimeSetUpPage'); }}>
              <View style={styles.add_box}>
                <Text style={{ fontSize: pxSize(40), color: "#6E6E6E", justifyContent: 'center', alignItems: "center" }} >+</Text>
              </View>
            </TouchableOpacity>
            <Text style={{ fontSize: pxSize(13), color: "#A5A5A5", marginTop: pxSize(7) }}>添加</Text>
          </View> 
        </View>

      </View>
    );
  }

}



